<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{$data.name} - {$config.setup.name}</title>
    <meta name="keywords" content="{$data.seokeywords}" />
    <meta name="description" content="{$data.seodescription}" />
     {include:link}
  <script type="text/javascript">
  	   var $jq = $;
         $jq(document).ready(function(){
             $jq('.showpic_flash').bxSlider({
               pagerCustom: '#pic-page',
                adaptiveHeight: true,
             });
      
         });
     </script>
  </head>
  <body id="product">
  
 {include:zh.head}
 {include:zh.bannabg}
 
   
    <!-- main -->
    <div class="container">    
        <div class="row">

           <!-- right -->
           <div class="col-xs-12 col-sm-8 col-md-9" style="float:right">
                <div class="list_box">
                    <h2 class="left_h">{$data.nav.name}</h2>

                    <!-- showpic -->
                    <div class="col-sm-12 col-md-6 showpic_box">
                        <ul class="showpic_flash">
                          {foreach explode('|',$data['album']) as $vo}
						  {if $vo!=''}
                          <li><a target="_blank" class="example-image-link" href="{@GetImgesUrl($vo)}" data-lightbox="example-set" target="_blank"><img class="example-image" src="{@GetImgesUrl($vo)}" alt="{$data.name}"/></a></li>
                          {/if}
					   {/foreach}
                        </ul>  
                        <div id="pic-page">
							{php $run=0}
                            {foreach explode('|',$data['album']) as $vo}
							 {if $vo!=''}
							 
                              <a   data-slide-index="{@$run}" ><img src="{@GetImgesUrl($vo)}" alt="{$data.name}" /></a>
                             {php $run++}
							 {/if}
							 {/foreach}
                        </div>
                    </div>
					<style>
						.example-image{
							max-width: 370px;
							max-height: 370px;
						}
					</style>
                               
                    <!-- product_info -->
                    <div class="col-sm-12 col-md-6 proinfo_box">
                	<h1 class="product_h1">{$data.name}</h1>
                            <ul class="product_info">
                                <li>{$data.attribute1}</li>
                                <li>{$data.attribute2}</li>
                                <li>{$data.attribute3}</li>
                                <li>{$data.attribute4}</li>
                                <li>产品描述：{@mb_substr($data['seodescription'],0,200,'utf-8')}</li>
                                <li>
                                    
                                </li>
                            </ul>
                    </div>

                    <div class="product_con editormd-preview">
                    <div id="content" class="markdown-body editormd-preview-container  editormd-html-preview">
                    {$data.content}
                    
                    
                    </div>
                    </div>

                   <div class="point">
                        
						
						<span class="to_prev col-xs-12 col-sm-6 col-md-6">上一个：
						{if $prevnext.prev.url == '#'}
						没有了
						{else}
						<a href="{@jmp('zh',$prevnext.prev.url)}" title="{$prevnext.prev.name}">{$prevnext.prev.name}</a>
						{/if}
						</span>
						
					
                        <span class="to_next col-xs-12 col-sm-6 col-md-6">
						下一个：
						{if $prevnext.next.url == '#'}
						没有了
						{else}
						<a href="{@jmp('zh',$prevnext.next.url)}" title="{$prevnext.next.name}">{$prevnext.next.name}</a>
						
						{/if}
						
						</span>
                    </div>

                </div>
                      
                <div class="list_related"> 
                    <h2 class="left_h">相关产品</h2>
                    <div class="product_list related_list">
                       
						{exhibition=>("name"=>"zh.list.product.content","table"=>"product","sort"=>"ASC","random"=>"1","begin"=>0,"rows"=>"4","where"=>"  ") as $vo}
						
                            <div class="col-sm-4 col-md-3 col-mm-6 product_img">
                                <a href="{@jmp('zh',$vo['static_url'])}">
                                  <img   src="{$vo.graph}" class="img-thumbnail" alt="{$vo.name}"/>
                                </a>
                                <p class="product_title"><a href="{@jmp('zh',$vo['static_url'])}" title="{$vo.name}">{$vo.name}</a></p>
                            </div>
                      {/exhibition}
                    </div>
                </div>
            </div>
			

            <!-- left -->
            <div class="col-xs-12 col-sm-4 col-md-3">
                <div class="left_nav" id="categories">
                  <h2 class="left_h">导航栏目</h2>
                  {include:zh.navs.content}
                </div>

                <div class="left_news">
                  <h2 class="left_h">新闻中心</h2>
                   {include:zh.news}
                </div>
               	{include:zh.contact}
            </div>

        </div>
    </div>
	

   {include:zh.bottom}
    
  </body>
</html>
